Algunos me habéis preguntado como se hace para poner una barra o imagen separadora de los post, lo aprendí hace poco, por si es de interés lo voy a explicar aquí mejor que, contestaros en e-mail.

En vuestro template o plantilla buscáis donde dice :

</MainOrArchivePage> <$BlogItemControl$>
</p>

</div>
<!-- End .post -->

Incluimos una imagen, así:

</MainOrArchivePage> <$BlogItemControl$>
</p>
<img src="http://www.tuimagen.com/imagen.gif">
</div>
<!-- End .post -->

Si queremos que la imagen quede centrada añadiremos <center> al principio y </center> al final del código de la imagen.

Quedaría algo así:

<center><img src="http://www.tuimagen.com/imagen.gif"></center>

Más barras aquí: dividers












Si la plantilla que estás utilizando es de las llamadas Blogger beta (ya no tan beta) puedes seguir estas explicaciones.

Anónimo

bueno creo que soy de madera, no entiendo, donde dice tuimagen que se supone que hay que poner, como busco la imagen para ponerla, o como generlo el link para que sepa de que imagen estoy hablando, entre al foro tambien, pero siempre leo lo mismo, pones tuimagen y , no entiendoooo buaaaaaaaaaa :(((

Responder
Anónimo

no te salves te he contestado en el post
´´Ventana dentro de otra ventana `` del 16 junio.
Espero lo soluciones si no es así hámelo saber.
S@lu2

Responder
Elena

Hola Gema! De nuevo tengo q darte las gracias por esta ayuda. Estoy preparando unos cambios para el blog, y no sabía en que parte de la plantilla iba la separación.
Q estés. bien. saludos.

Responder
Gem@

Me alegra ser de ayuda Elena, gracias por la visita :)

Responder
Anónimo

Quería decirte que he cambiado el enlace que tenía mi post sobre barras divisorias a este blog; Antes lo había enlazado al antiguo :)

Gracias por tanta ayuda

Responder
Alicia (canelona)

Me ha quedado muy bien, aunque dentro de un borde, ¿ha de ser asi?

Muchisimas gracias por todo, es como tener una profesora particular.

Besitos

Responder
Miguel Moreno

Hola gema@,
He estado buscando por toda mi plantilla y no encuentro esta etiqueta; el truco vale para la version beta?

Creo que es solo para la antigua, verdad?

Responder
Gem@

Gracias ti anónimo (Beta trucos) por contribuir a facilitar las cosas ;)

Alicia el borde se lo puedes quitar situándote en Plantilla/Edición html
Busca el siguiente codigo:
.post img {
border: 1px
Cambias el 1 a 0 guardas los cambios y listo ;)

Hola Miguel para beta debes situarte en :
<p class="post-footer-line post-footer-line-3">
Y añadir despues:
<input src="http://urldelaimagendivider.gif" type="image">
Guardas los cambios y listo.
Suerte¡

Responder
Pablo Zapata

Estuve buscando esto de poder transformar la linea punteada por una imagen hace un largo rato pero sin exito. Ahora cuando parece que lo encontre NO ME FUNCIONA!

Te comento, estoy con la nueva version de Blogger y las lineas del codigo que comentas no aparecen en esta version. Habra otra manera de poder realizar este mismos trabajo para los que usamos esta version del blog?

Espero atento tu respuesta. Saludos.

Responder
Gem@

Hola Pablo es lógico que no funcione eso es para la plantilla clásica.
Si usas beta aquí encontrarás la solución.
Por si lo necesitas..
¡¡ Suerte!!

Responder
Yo misma

Gema, el código que dabas para Blogger beta me daba errores porque decía que no estaba cerrada la etiqueta.
Probé con <input src="http://urldelaimagendivider.gif" type="image"/> y me funcionó!

Responder
Gem@

Llevas toda la razón del mundo, con las prisas omití cerrar el código de la imagen.
Mil gracias ;)

Responder
Ángel

Hola Gema, queriendo hacer mejoras a mi blog entre al tuyo y me intereso este tema, pero np encontre por ningun lado el codigo que mencionas, asiq eu no pude poner los divisores, como lo puedo hacer entonces?
Estoy atenta a tu respuesta
Saludos

Responder
María J. Montiel

¿Se pueden quitar las barras divisorias de los gadgets y poner dividers en su lugar?

Responder
Gem@

yz Hola Tiphareth, se puede hacer ¿por qué no me dices el blog al que te refieres?
yz Siento ver tu comentario ahora Ángel ¿lo solucionaste?

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top